<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<!--[if IE 6]>
	<link href="css/ie6.css" type="text/css" rel="stylesheet" />

    <script src="js/dd_belated_png.js"></script>
	<script>DD_belatedPNG.fix('#logo a, .h-box-1 img, .h-box-2 img, .brochure img');</script>  
<![endif]-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/slideswitch.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/Liberation_Sans_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
	Cufon.replace('h1');
	Cufon.replace('h2');	
	Cufon.replace('h3');
	Cufon.replace('h4');							   	
</script>

<title>news list</title>
</head>

<body>
<div id="body-wrapper">
    <div class="clearfix">
        <div id="logo">
            <a href="homepage.html">Media consult logo</a>
            <p class="logo-desc">your attractive and simple slogan</p>
        </div>
        <form action="#" method="post">
            <fieldset class="search-fieldset">
                <input type="text" class="search-input" value="search" name="search" />
                <input type="submit" value="" class="input-arrow" />
            </fieldset>
        </form>
    </div>	
    
    <div class="main-menu-wrapper">
        <div id="myslidemenu" class="jqueryslidemenu">
            <ul class="primary-menu">
                <li><a href="homepage.html">Home</a></li>
                <li><a href="about_us.html">About Us</a></li>
                <li><a href="services.html">Services</a>
                	<ul>
                        <li><a href="#">Corporate Publishing</a></li>
                        <li><a href="#">Interactive &amp; Onscreen Production</a></li>	
                        <li><a href="#">Advertising</a></li>   
                        <li><a href="#">Event Management</a></li>   
                        <li><a href="#">Integrated Communications</a></li>                                                                    
                        <li><a href="#">Public Relations</a></li>                                                  
                    </ul>
                </li>
                <li><a href="#">Page Types</a>
                    <ul>
                        <li><a href="homepage.html">Index Page</a></li>
                        <li><a href="about_us.html">About Us</a></li>	
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="#">Blog - submenu entry</a>
                            <ul>
                                <li><a href="blog_itemlist.html">Blog Item List</a></li>
                                <li><a href="blog_detail.html">Blog Item Detail</a></li>
                            </ul>                
                        </li>
                        <li><a href="#">Other pages - submenu entry</a>
                            <ul>
                                <li><a href="article_detail.html">Article Detail</a></li>                    
                                <li><a href="news_list.html">News Page</a></li>                                                
                                <li><a href="services.html">Our Services</a></li>                                                                        
                                <li><a href="portfolio.html">Portfolio</a></li>                                                          
                                <li><a href="contact.php">Contact</a></li>   
                            </ul>                          
                        </li>                                         
                    </ul>
                </li>
                <li><a href="blog_itemlist.html">Blog</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
        </div>
    </div>

    <div id="left">
		<div class="interior-header">
        	<h2>News</h2>
            <p class="intheader-paragraph">
				We’ll keep you updated with latest news and events surrounding our company.
            </p>
            <span class="ih-rss">
            	<a href="#"><img src="img/rss_16.png" width="16" height="16" alt="" /></a>
                <a href="#">Subscribe to RSS</a>
            </span>            
        </div>
        <div class="interior-content">
        	<ul class="newslist-wrapper">
            	<li>
                    <a href="#"><img src="img/news_img1.jpg" width="72" height="72" alt="" class="news-img" /></a>
                    <h4><a href="#">Minicards are now available!</a></h4>
                    <span class="newslist-date">September 13th, 2009</span>
                    <p>
                        Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torqu atos sadipscing ius no.
                        His iudico discere eleifend ne, te alii praesent deterruisset pri, ad quando sed. 
                    </p>                	
                </li>
            	<li>
                    <a href="#"><img src="img/news_img2.jpg" width="72" height="72" alt="" class="news-img" /></a>
                    <h4><a href="#">Learn how to stand out from the crowd</a></h4>
                    <span class="newslist-date">September 11th, 2009</span>
                    <p>
                        Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torqu atos sadipscing ius no.
                        His iudico discere eleifend ne, te alii praesent deterruisset pri, ad quando sed. 
                    </p>                	
                </li>   
            	<li>
                    <a href="#"><img src="img/news_img3.jpg" width="72" height="72" alt="" class="news-img" /></a>
                    <h4><a href="#">We strengthen our brand competence</a></h4>
                    <span class="newslist-date">August 27th, 2009</span>
                    <p>
                        Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torqu atos sadipscing ius no.
                        His iudico discere eleifend ne, te alii praesent deterruisset pri, ad quando sed. 
                    </p>                	
                </li>
            	<li>
                    <a href="#"><img src="img/news_img4.jpg" width="72" height="72" alt="" class="news-img" /></a>
                    <h4><a href="#">New marketing and advertising campaign</a></h4>
                    <span class="newslist-date">August 12th, 2009</span>
                    <p>
                        Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torqu atos sadipscing ius no.
                        His iudico discere eleifend ne, te alii praesent deterruisset pri, ad quando sed. 
                    </p>                	
                </li> 
            	<li>
                    <a href="#"><img src="img/news_img5.jpg" width="72" height="72" alt="" class="news-img" /></a>
                    <h4><a href="#">Our new brochure is now available</a></h4>
                    <span class="newslist-date">August 17th, 2009</span>
                    <p>
                        Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torqu atos sadipscing ius no.
                        His iudico discere eleifend ne, te alii praesent deterruisset pri, ad quando sed. 
                    </p>                	
                </li>
            	<li>
                    <a href="#"><img src="img/news_img6.jpg" width="72" height="72" alt="" class="news-img" /></a>
                    <h4><a href="#">Media Consult new site coming out in September</a></h4>
                    <span class="newslist-date">August 4th, 2009</span>
                    <p>
                        Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torqu atos sadipscing ius no.
                        His iudico discere eleifend ne, te alii praesent deterruisset pri, ad quando sed. 
                    </p>                	
                </li>                                              
            </ul>
            
            <div class="pagination"><!-- generic pagination, copy/paste this block wherever you like -->
                <div class="reverse-arrow"><a href="#">Older Entries</a></div>
                <div class="body-rm"><a href="#">Newer Entries</a></div>   
                <span class="page-number">Page 3 of 8</span>             
            </div>  
		</div>
        
    </div>
    <div id="right">
		<div class="services-box">
        	<h3>Services</h3>
            <p>Phasellus ipsum nulla, dignissim condimentum mattis sit amet, feugiat a nulla.</p>
            <ul class="services-box-list">
                <li><a href="#">Ingeniosity</a></li>
                <li><a href="#">Clarity</a></li>
                <li><a href="#">Performance</a></li>
                <li><a href="#">Initiative</a></li>
                <li><a href="#">Learning &amp; Leadership</a></li>
                <li><a href="#">Customer insight</a></li>
            </ul>             
        </div>
        
        <div class="newsletter"><!-- newsletter section -->
			<h3>Sign up for Newsletter</h3>
            <form action="#" method="post">
            	<fieldset class="newsletter-fieldset">
                    <input type="text" class="newsletter-input" value="Your email address" name="newsletter" />
                    <input type="submit" value="" class="input-arrow" />
                </fieldset>
            </form>
            <p>We will keep you up to date with news, events and other great features.</p>
        </div>
        
        <div class="aboutus-box">
        	<h3>About Us</h3>
            <p>
            	You don’t have to include all those boxes in your site. I provided all those right sections: about us, tabular section, right-services, newsletter, brochure download, latest news so that you can have a lot of options to chose from when building the final product.
            </p>
            <div class="body-rm"><a href="#">learn more</a></div>            
        </div>
    	
        <div class="brochure"><!-- brochure section -->
        	<a href="#"><img src="img/pdf_icon.png" width="43" height="53" alt="" /></a>
            <div class="brochure-title">
                <h3>Media Consult brochure</h3>
                <p class="header-desc">Download our PDF brochure</p>
            </div>            
        </div>
               
    </div>  
    <div id="footer">
    	<ul>
        	<li><a href="homepage.html">Home</a></li>
        	<li><a href="about_us.html">About Us</a></li>
        	<li><a href="services.html">Services</a></li>
        	<li><a href="portfolio.html">Case Studies</a></li>
        	<li><a href="news_list.html">News</a></li>
        	<li><a href="contact.php">Contact</a></li>                                                            
        </ul>
        <div class="copyright">&copy; 2009 <a href="#">Media Consult</a>. All rights reserved.</div>
    </div>  
</div>

<script type="text/javascript">
$(document).ready(function(){					   
	$(".ln-list li").click(function(){//makes entire area "ln-list li" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});
	
	$(".brochure").click(function(){//makes entire area "brochure" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});	
	
});
</script>
</body>
</html>
